|
|
テーブルを横に並べる■ テーブルをヨコに並べるたとえば次の例を見てください。
このようにテーブルが並んでいます。 いったいどうやって並べているのでしょう。 最も簡単な方法は、一つ目のテーブルに「align="left"」を設定します。
こんな感じですね。これでテーブルが並びます。 ２つ目は、このテーブル自体をマス目のひとつ、 つまり、一マスに入る文字と同じように考えてしまう方法です。 ということは･･･ 「td」のなか、つまりマス目のなかに 新しいテーブルを作って入れてしまおう･･･という考え方 イメージとしては <table><tr><td> ●○ </td></tr></table> という感じに「td」のなかに入ります。 今回は ● ○ がヨコにふたつなので <table><tr><td> ●○ </td><td> ●○ </td></tr></table> というイメージになります。 これをきちんと書くとこんな感じ。 <table> <tr> <td> <table border="1" bgcolor="#ffcc99"><tr><td>●</td><td>○</td></tr></table> </td> <td> <table border="1" bgcolor="#ffcc99"><tr><td>●</td><td>○</td></tr></table> </td> </tr> </table>
「td」のなかに「<table><tr><td>～</td></tr></table>」が まるごと入っています。 「td」を増やせば、ヨコに並べるテーブルの数もどんどん増やせます。 ちなみにこのとき、テーブルの高さがバラバラになってしまうときは、 <table><tr valign="top">のように、 「valign=""」属性を赤色部分の「tr」にいれてみましょう！！ ジャンル別一覧
人気のクチコミテーマ
|
出産・子育て
ファッション
美容・コスメ
健康・ダイエット
生活・インテリア
料理・食べ物
ドリンク・お酒
ペット
趣味・ゲーム
映画・ＴＶ
音楽
読書・コミック
旅行・海外情報
園芸
スポーツ
アウトドア・釣り
車・バイク
パソコン・家電
そのほか
すべてのジャンル
